<template>
  <div class="rank-tip">
     <Header @showMenu="showMn = true" />
      <div class="content">
        <!-- <div class="img">

        </div> -->
        <div class="close" @click.stop="goBack">
          <span  class="icon iconfont back"
            >&#xe748;</span
          >
        </div>
        <img src="/static/img/main/rank_tip.png" alt="">
      </div>
      <Menu :showMenu="showMn" @closeMenu="showMn = false"/>
  </div>
</template>

<script>
import Header from "../../components/head/header.vue";
import Menu from "../../components/menu";
export default {
  name: "rankTips",
  data() {
    return {
      showMn: false,
    };
  },
  components: {
    Header,
    Menu,
  },
  methods:{
    goBack() {
      this.$router.go(-1);
    },
  }
};
</script>

<style lang="scss" scoped>
.rank-tip {
  .content {
    margin-top: 96px;
    // .img {
    //   background-image: url(/static/img/main/rank_tip.png);
    //   background-size: 100% auto;
    // }
    .close {
      font-size: 22px;
    font-size: 40px;
    font-weight: 800;
    /* line-height: 22px; */
    font-weight: normal;
    top: 78px;
    color: rgb(255, 255, 255);
    position: fixed;
    left: 6px;
    }
    img {
      width: 100%;
    }
  }
}
</style>